
import Vue from 'vue'


const component = {
    template: `
        <div :style="style">
            <slot></slot>
        </div>
    `,
    data(){
        return {
            style: {
                width:"200px",
                height:"200px",
                border:'1px solid #aaa'
            },
            value:'abc'
        }
    },
    methods: {
        
    }
}

new Vue({
    components: {
        CompOne: component
    },
    el: '#root',
    data:{
        value: '123'
    },
    mounted(){
        console.log()
    },
    // template: `
    //     <div>
    //         <comp-one ref="comp">
    //             <p>this is body</p>
    //         </comp-one>
    //         <input type="text" v-model="value"/>
    //     </div>
    // `,
    // template 会被编译成render function
    render(createElement){
        return createElement("comp-one", {
            ref: 'comp'
        }, [createElement('p', {}, 'this is body')])
    }
})


